body {
	margin: 0px;
	padding: 0px;
}

.table-responsive {
	min-height: .01%;
	overflow-x: auto
}
td,th{
	white-space: nowrap;
}

.js-dialog a{
	text-decoration: none;
}

.clearfix:after, .clearfix:before {
	display: table;
	content: " "
}
.clearfix:after {
	clear: both;
}

.js-dialog {
    width: 100%;
    height: 100%;
    position:fixed;
    top:0px;
    z-index:100;
}
.js-dialog .js-dialog-bg {
    background-color:#666;
    opacity:.5;
    width: 100%;
    height: 100%;
    position:absolute;
    top:0px;
    z-index:1;
}
.js-dialog .js-dialog-panel {
	border-radius:2px;
	top:150px;
    background-color:white;
    position:relative;
    z-index:2;
    margin: 0 auto;
    width: 500px;
    border:5px solid rgb(153,153,153);
    border:5px solid rgba(153,153,153,.6);
}
.js-dialog .js-dialog-head {
	font-family: sans-serif;
	letter-spacing:1px;
	background: linear-gradient(360deg, #eee, #fff 8.82%, #ddd);
    line-height: 35px;
    text-indent: 5px;
    font-size:1.5rem;
    color:var(--mainDark1Color);
    font-weight:500;
    cursor:move;
}
.js-dialog .js-dialog-close {
	display:block;
	float: right;
	font-family:sans-serif;
	font-size:16px;
	margin-right: 10px;
	-webkit-transition: -webkit-transform 1s, opacity 1s, color 1s, font-size 1s;
	-o-transition-property: -o-transform, color, font-size, opacity;
	-o-transition-duration: 1s, 1s, 1s, 1s;
	-moz-transition-property: -o-transform, color, font-size, opacity;
	-moz-transition-duration: 1s, 1s, 1s, 1s ;
	transition-property: transform, color, font-size, opacity;
	transition-duration: 1s, 1s, 1s, 1s;
	opacity: 0.4;
	
}
.js-dialog .js-dialog-close:hover {
	-moz-transform: rotate(360deg);
	-webkit-transform:rotate(360deg);
	-o-transform: rotate(360deg);
	transform:rotate(360deg);
	opacity:1;
	color:var(--mainColor);
	font-size:20px;
}

.js-dialog .js-dialog-body {
    line-height:50px;
    padding:10px;
    text-align: center;
    font-size:16px;
    letter-spacing:1px;
    font-family:sans-serif;
}
.js-dialog .js-dialog-foot {
	border-top:1px solid #ddd;
	background-color:#fff;
    line-height: 35px;
    font-size: 16px;
    padding:5px;
    font-weight: 500;
}
.js-dialog-button {
	float: right;
}
.js-dialog-button a.light {
	display: inline-block;
	width: 80px;
	text-align:center;
	border-radius:2px;
	color:#fff;
	background-color:var(--mainLight1Color);
	height: 35px;
	margin: 0px 5px;
}

.js-dialog-button a.light:hover {
	background-color:var(--mainColor);
	color: #fff !important;
}

.js-dialog-button a.dark {
	display: inline-block;
	width: 100px;
	text-align:center;
	border-radius:2px;
	color:var(--colorWhite);
	background-color:var(--subLight1Color);
	height: 35px;
	margin: 0px 5px;
}
.js-dialog-button a.dark:hover {
	background-color:var(--subColor);
}
.js-dialog-button a.light:hover {
	background-color:var(--mainColor);
}

/*屏幕小于768px*/
@media (max-width: 768px) {
	.js-dialog .js-dialog-panel {
	    width: 300px;
	}
}